{extend name="public:single" /}
{block name="title"}开发友社区{/block}
{block name="container"}

<!--container-->
<section id="container">
    <div class="container">
        <div class="row">
            <section id="page-sidebar" class="pull-left span8">
                {volist name="articles" id="vo"}

                <article class="blog-post">
                    <div class="row">
                        <div class="span8">
                            <h3 class="post-title"><a href="{:url('index/Index/article', ['id'=>$vo['id']])}">{$vo.title}</a></h3>
                            <ul class="post-meta">
                                <li>
                                    <i class="icon-calendar"></i>
                                    <a href="javascript:void(0);">{$vo.updated_at|strtotime|date='Y年m月d日',###}</a>
                                </li>
                                <li>
                                    <i class="icon-user"></i>
                                    <a href="/blog_{$vo.user.id}_0_0.html">{$vo.user.nickname}</a>
                                </li>
                                <li>
                                    <i class="icon-list-alt"></i>
                                    {volist name="$vo.categories" id="vo_cat"}
                                        {$i == 1 ? '': ','}
                                        <a href="/blog_0_{$vo_cat.category.id}_0.html" title="{$vo_cat.category.intro}" rel="category tag" style="color:#b77a2b;">{$vo_cat.category.name}</a>
                                    {/volist}
                                </li>
                                <!--<li><i class="icon-tag"></i> <a href="#">CSS3</a> <a href="#">HTML5</a> <a href="#">Responsive</a></li>-->
                                <li>
                                    <i class="icon-comment"></i>
                                    <a href="{:url('index/Index/article', ['id'=>$vo['id']])}#comments">{:count($vo['comments'])}个评论</a>
                                </li>
                            </ul>
                            <div class="post-media">
                                {if condition='$vo.image AND $vo.image.type neq 3'}
                                <img src="{$vo.image.url}" alt="{$vo.title}" />
                                {/if}
                            </div>
                            <div class="post-content">
                                <p>{$vo.summary}</p>
                                <p><a href="{:url('index/Index/article', ['id'=>$vo['id']])}" class="btn btn-large btn-welcome"><i class="icon-chevron-right"></i>阅读全文</a></p>
                            </div>
                        </div>
                    </div>
                </article>
                {/volist}


                <!--pagination-->
                <div class="pagination pagination-centered">
                    {$page}
                    <!--<ul>-->
                        <!--<li class="disabled"><a href="#">&laquo;</a></li>-->
                        <!--<li class="active"><a href="#">1</a></li>-->
                        <!--<li><a href="#">2</a></li>-->
                        <!--<li><a href="#">3</a></li>-->
                        <!--<li><a href="#">4</a></li>-->
                        <!--<li><a href="#">5</a></li>-->
                        <!--<li><a href="#">&raquo;</a></li>-->
                    <!--</ul>-->
                </div>
            </section>
            {include file="public/_sidebar" /}
        </div>
    </div>
</section>
{/block}